<%--
  Created by IntelliJ IDEA.
  User: 李林
  Date: 2020/2/18
  Time: 15:07
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<!DOCTYPE html>
<html>
<head>
    <!-- 页面meta -->
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>ERP公司首页</title>
    <meta name="description" content="ERP公司首页">
    <meta name="keywords" content="ERP公司">
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width,initial-scale=1,maximum-scale=1,user-scalable=no" name="viewport">
    <!-- 页面meta /-->
    <link rel="stylesheet" href="${pageContext.request.contextPath}/pages/plugins/bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/pages/plugins/layui/css/layui.css">
    <link rel="stylesheet" href="${pageContext.request.contextPath}/pages/css/ali_icon/iconfont.css">
    <script src="${pageContext.request.contextPath}/pages/plugins/layui/layui.js "></script>
</head>
<body class="hold-transition skin-purple sidebar-mini">
<div class="Lheader">
    <div class="L-top">
        ERP公司
        <div class="L-top-title">
            <a href="#">设为首页</a>
            <span style="margin: 0 6px 0 6px;font-size: 16px;">|</span>
            <a href="#">加入收藏</a>
        </div>
    </div>
</div>

<div class="Lbody">
    <div class="row" style="height: 350px;margin-top: 5px;">
        <div class="layui-carousel" id="test10">
            <div carousel-item="">
                <div><img src="${pageContext.request.contextPath}/pages/img/1.jpg" style="width: 100%;height: 350px;"></div>
                <div><img src="${pageContext.request.contextPath}/pages/img/2.webp" style="width: 100%;height: 350px;"></div>
            </div>
        </div>
    </div>
    <div class="row" style="padding: 0;margin-top: 10px;">
        <div class="col-md-9" style="height: 100%;border: 1px solid #d0d1d3;background-color: #fcfcfc;">
            <div class="layui-tab layui-tab-brief" lay-filter="docDemoTabBrief">
                <ul class="layui-tab-title" style="margin-top: -13px;">
                    <li class="layui-this">新闻动态</li>
                    <li>公司简介</li>
                    <li>业务范围</li>
                </ul>
                <div class="layui-tab-content" style="height: 434px;">
                    <div class="layui-tab-item layui-show" id="news-content">
                        <div id="news-content-title">
                            <div class="Lnews">
                                <a href="#" class="Lnews-a"><i class="iconfont icon-arrowhead-right"></i>今日热吻111111111111111111111111111111111111111111111111111111111111111111111111111111111111</a>
                                <span>2020-04-29</span>
                            </div>

                        </div>
                        <div id="test1" style="text-align: center;position: absolute;bottom: 0px;width: 100%;"></div>
                    </div>
                    <div class="layui-tab-item">
                        <h3 style="text-align: center;margin:15px 0 15px 0;">中原工学院简介</h3>
                            <p style="text-indent:2em;font-size: 16px;margin: 10px 0;">中原工学院是一所以工为主，纺织服装和航空技术学科特色鲜明，工、管、文、理、经、法、哲、史、艺等多学科协调发展的高水平特色骨干大学。 学校始建于1955年，原名郑州纺织工学院，隶属于中华人民共和国纺织工业部，1998年划转为河南省管理，2000年更名为中原工学院。
                            </p>
                            <p style="text-indent:2em;font-size: 16px;margin: 10px 0;">学校分龙湖校区、中原校区和西校区三个教学区，占地1,610亩。现有全日制普通专科生、本科生、研究生、留学生共24000余人，非全日制成人教育生2200余人。 校舍建筑面积84.76万平方米，教学科研仪器设备总值6.07亿元，共有藏书446.42万册，其中纸质图书154万册；电子图书资料292.42万册。 学校现有教职工1976人，其中专任教师1380人，具有高级职称648人，博士579人；有国家级优秀教师6人、全国模范教师1人、国家中青年有突出贡献专家、
                                享受国务院政府特殊津贴专家20人；有河南省学术技术带头人7人、河南省教学名师9人、省级优秀教师8人，河南省政府特殊津贴3人，河南省特聘讲座教授6人， 省级及以上教学和科研团队17个。
                            </p>
                    </div>
                    <div class="layui-tab-item">
                        <h3 style="text-align: center;margin:15px 0 15px 0;">计算机学院简介</h3>
                        <p style="text-indent:2em;font-size: 16px;margin: 10px 0;">计算机学院前身为郑州纺织工学院电气工程系计算机应用教研室，1999年10月根据专业发展和学科建设的需要，以电气工程系的计算机应用教研室、计算机实验室、计算中心为主体成立了计算机科学系，2006年1月成立计算机学院。1985年开始招收“计算机及应用”专业专科学生，1994年开始招收“计算机及应用”专业本科学生，1999年本科专业更名为 “计算机科学与技术”，2003年在河南高校中率先招收“网络工程”专业本科学生，是河南省唯一的“网络工程”省级特色专业建设点，2005年开始招收省内首个“软件工程”专业本科生，2018、2019年新增“信息安全、人工智能”本科专业，2007年开始招收计算机应用专业硕士研究生。
                        </p>
                        <p style="text-indent:2em;font-size: 16px;margin: 10px 0;">学院切实加强大学生思想政治教育，促进学生全面成才，形成了具有学科特点的“e文化”特色系列文化活动。计科032班获得“全国先进班集体”等荣誉称号，“郭志敏帮扶小组”获得河南省残联授予的“河南省青年志愿者助残行动先进集体” 称号，郭志敏同学获得“河南省教育系统精神文明建设” 先进个人。</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-3" style="padding-right: 0;">
            <div style="padding: 0;background: #f2f7fb;border: 1px solid #d0d1d3;">
                <div style="width: 90%; height: 130px;padding: 0;margin:10px auto;">
                    <div style="height: 70px;">
                        <button type="button" class="layui-btn layui-btn-normal Lbtn">
                            <a href="${pageContext.request.contextPath}/admin/main"><span>ERP系统管理</span></a>
                        </button>
                    </div>
                    <div style="height: 60px;">
                        <button type="button" class="layui-btn layui-btn-warm Lbtn">
                            <a href="${pageContext.request.contextPath}/bss/home"><span>ERP供销存系统</span></a>
                        </button>
                    </div>
                </div>
            </div>
            <div style="padding: 0;background: #f2f7fb;border: 1px solid #d0d1d3;margin-top: 10px;">
                <div class="Lp" style="width: 90%;height:300px;margin:10px auto;">
                    <div>
                        <h3 style="font-size: 20px;">关注我们</h3>
                        <p>社会招聘<span style="margin: 0 10px 0 10px;">|</span>校园招聘</p>
                    </div>
                    <div style="margin-top: 10px;">
                        <h3 style="font-size: 20px;">联系我们</h3>
                        <p>电话：0371-67698700</p>
                    </div>
                    <div class="wxwb" style="margin-top: 10px;">
                        <h3 style="font-size: 20px;">官方微信、微博</h3>
                        <img src="https://www.zut.edu.cn/images/wb.jpg" style="width: 180px;height: 80px;">
                        <img src="https://www.zut.edu.cn/images/zztiwx.jpg" style="width: 180px;height: 80px;">
                    </div>
                </div>
            </div>

        </div>
    </div>
</div>

<div class="Lfooter">
    <div>
        <p style="text-align: center;margin-top: 15px;"> 赣ICP备17*****5号 丨
            <img style="margin-bottom: -4px;" src="https://liuyanzhao.com/wp-content/uploads/2017/03/ghs.png">赣公网安备36042******137丨Copyright © ERP管理系统. All Rights Reserved.
        </p>
    </div>
</div>
<style>
    .Lheader {
        width: 100%;
        height: 30px;
        line-height: 30px;
        background: #F5F8F9 !important;
        border: 1px solid #dedede;
    }

    .Lfooter {
        width: 100%;
        height: 50px;
        position: absolute;
        bottom: 0px;
        background: #F5F8F9 !important;
        border-top: 1px solid #dedede;
    }

    .Lbody {
        width: 60%;
        margin-left: 20%;
        height: 90%;
    }

    .L-top {
        width: 60%;
        margin: 0 auto 0;
    }

    .L-top-title {
        float: right;
        right: 15px;
    }

    .Lbtn {
        width: 100%;
        height: 60px;
        border-radius: 5px
    }

    .Lp p {
        font-size: 16px;
        text-align: center;
        margin: 3px auto;
        margin-left: 10px;
    }

    .Lnews {
        margin: 12px;
        position: relative;
    }

    .Lnews-a {
        display: inline-block;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        width: 60%;
        line-height: 20px;
        font-size: 16px;
    }

    .Lnews span {
        position: absolute;
        right: 1px;
    }
</style>
<script src="${pageContext.request.contextPath}/pages/plugins/jQuery/jquery-2.2.3.min.js "></script>
<script src="${pageContext.request.contextPath}/pages/plugins/jQueryUI/jquery-ui.min.js "></script>
<script src="${pageContext.request.contextPath}/pages/plugins/bootstrap/js/bootstrap.min.js "></script>
<script src="${pageContext.request.contextPath}/pages/plugins/baiduTemplate/baiduTemplate.js"></script>
</body>

</html>

<script type="text/template" id="news">
    <div class="Lnews">
        <a href="#" class="Lnews-a"><i class="iconfont icon-arrowhead-right"></i><~=title~></a>
        <span><~=date~></span>
    </div>
</script>

<script>
    $(function () {
        //选项卡
        layui.use('element', function() {
            var $ = layui.jquery,
                element = layui.element; //Tab的切换功能，切换事件监听等，需要依赖element模块
        });

        //轮播图
        layui.use(['carousel', 'form'], function() {
            var carousel = layui.carousel,
                form = layui.form;

            //图片轮播
            carousel.render({
                elem: '#test10',
                width: '100%',
                height: '350px',
                interval: 5000
            });

        });
        indexnews();
    })
</script>
<script>

    function indexnews(){
        var list = getnews();
        pages(list);
    }
    function getnews(curr,limit) {
        var page ;
        $.ajax({
            url : 'newsindex',
            type : 'get',
            async: false,//使用同步的方式,true为异步方式
            data : {curr:curr,limit:limit},//这里使用json对象
            success : function(result){
                page = result.resultList["page"];
                var bt = baidu.template;
                $("#news-content-title").html('');
                for(var i = 0;i<page.list.length;i++){
                    var html = bt("news",page.list[i]);
                    $("#news-content-title").append(html);
                }
            }
        });
        return page;
    }
    //分页
    function pages(list){
        layui.use('laypage', function() {
            var laypage = layui.laypage;
            //执行一个laypage实例
            laypage.render({
                elem: 'test1', //注意，这里的 test1 是 ID，不用加 # 号
                count: list.total, //数据总数，从服务端得到
                jump: function(obj, first) {
                    //obj包含了当前分页的所有参数，比如：
                    // console.log(obj.curr); //得到当前页，以便向服务端请求对应页的数据。
                    // console.log(obj.limit); //得到每页显示的条数
                    //首次不执行
                    if (!first) {
                        getnews(obj.curr,obj.limit);
                    }
                }
            });
        });
    }

</script>
